<template>
  <view class="privacy-policy">
    <!-- 标题部分 -->
    <text class="title">用户隐私协议</text>
    
    <!-- 协议内容滚动区域 -->
    <scroll-view class="content" scroll-y>
      <view class="policy-container">
        <text class="policy-text">
          【引言】欢迎使用我们的服务！我们高度重视您的隐私保护...（此处为示例文本）
          \n\n1. 信息收集范围\n我们可能收集您的基本信息、设备信息、使用行为数据...
          \n\n2. 信息使用方式\n您的信息将用于服务提供、产品优化、安全保障...
          \n\n3. 信息安全措施\n我们采用SSL加密、访问控制、定期审计等措施...
          \n\n4. 第三方共享\n除非获得您的明确同意，我们不会与第三方共享...
          \n\n5. 您的权利\n您享有查询、更正、删除个人信息及撤回授权的权利...
          \n\n6. 协议更新\n我们可能会适时更新本协议，并通过显著方式通知您...
        </text>
      </view>
    </scroll-view>

    <!-- 操作按钮 -->
    <view class="button-container">
      <button class="agree-btn" @tap="agreePolicy">同意并继续</button>
    </view>
  </view>
</template>

<script setup>
import {onLoad} from '@dcloudio/uni-app'
import {ref} from 'vue'
const judge=ref('')   //判断是否是登录打开
const agreePolicy = () => {
  if(!judge.open)
    uni.navigateBack()
  else
     uni.redirectTo({
 	   url:'/pages/login/login?open=login'
     })
 
};

onLoad((data)=>{
	console.log(data)
	if(data)
	 judge.value=data.open
})
</script>

<style scoped>
.privacy-policy {
  padding: 32rpx;
  background: #f8f9fa;
  min-height: 100vh;
}

.title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  text-align: center;
  margin: 24rpx 0;
  padding-bottom: 24rpx;
  border-bottom: 2rpx solid #eee;
}

.content {
  height: 70vh;
  background: #fff;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.06);
  margin: 32rpx 0;
}

.policy-container {
  padding: 32rpx;
}

.policy-text {
  font-size: 15px;
  color: #4a5568;
  line-height: 1.8;
  white-space: pre-wrap;
}

.button-container {
  padding: 32rpx 0;
  position: sticky;
  bottom: 0;
  background: linear-gradient(to top, #f8f9fa 80%, rgba(248, 249, 250, 0.6));
}

.agree-btn {
  background: linear-gradient(135deg, #4a90e2, #5aa5f8);
  color: white;
  border-radius: 50rpx;
  font-size: 16px;
  height: 96rpx;
  line-height: 96rpx;
  transition: opacity 0.3s;
  box-shadow: 0 8rpx 24rpx rgba(74, 144, 226, 0.3);
}

.agree-btn:active {
  opacity: 0.85;
}
</style>